<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打卡</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <link rel="stylesheet" href="css/hitCard.css" media="all">
    <script type="text/javascript" src="js/jquery1.9.1.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<div style="position:fixed; top:0;height:40px;width:100%;z-index: 999999;background-color: #F8CD5D">
    <div class="layui-col-md6 layui-col-xs12" align="center"
         style="position:fixed;top: 5px;left:10px;height: 30px;width: 30px;background-color: #F1F1F1;opacity: 0.5">
    </div>
    <a href="phone-main.html" style="position:fixed; left:10px;top: 8px;"><i class="layui-icon layui-icon-left"
                                                                             style="font-size: 24px;color: white;z-index: 99999999;"></i></a>
    <div style="position: fixed;right: 10px;top:5px;line-height: 30px;">
        <i id="hitCardCalendar" class="layui-icon layui-icon-date" style="font-size: 24px;color: #6291CF"></i>
    </div>
</div>
<div id="recordApp">
    <div style="height: 120px"></div>
    <div class="up">
        <i class="layui-icon layui-icon-camera icon">

        </i>
        <div class="upCard"></div>
        <div v-if="isHit" class="details">详情</div>
    </div>
    <div style="height: 50px"></div>

    <div v-if="isHit">
        <div>
            <hr class="line"/>
            <div style="height: 50px"></div>
        </div>
        <div class="down" id="down">
            <i class="layui-icon layui-icon-camera iconDown" id="iconDown">

            </i>
            <div class="downCard" id="downCard"></div>
            <div v-if="downDetails" class="details">详情</div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript" src="js/business/hitCard.js"></script>
<script type="text/javascript" src="js/comExt.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=H4aqmqVOgCte2WauL7502TTjc1LinqZo"></script>
</html>